<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>SOG</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <link rel="icon" type="image/png" href="assets/i/favicon.png">
  <meta name="mobile-web-app-capable" content="yes">
  <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
  <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
  <meta name="msapplication-TileColor" content="#0e90d2">
  <link rel="stylesheet" href="assets/css/amazeui.min.css">
  <link rel="stylesheet" href="assets/css/app.css">
  	<style type="text/css">
  		.am-box {border: 1px solid #E5E5E5; border-radius: 5px; margin: 10px;margin-top: 250px; background: rgba(255,255,255,0.9)}
  		.am-list>li {background-color:transparent; }
  		.am-list li .shuzi{line-height: 40px;}
  		.am-list li .am-progress{ margin-bottom: 0;}
  	</style>
</head>
<body>
	<div class="user-bg" style="background: url(images/3c7f6cd9d57388a722d1b171d8a21e91.jpg) left top fixed; background-size: 100%;">
	<header data-am-widget="header" class="am-header am-header-default">
    <div class="am-header-left am-header-nav">
      <a href="index.html" class="">
        <i class="am-header-icon am-icon-home"></i>
      </a>
    </div>
    <h1 class="am-header-title">
      <a href="#title-link" class="">今日排名 </a>
    </h1>
      
	  <div class="am-header-right am-header-nav">
	  	<a href="#right-link" class="">
			<i class="am-header-icon am-icon-bars"></i>
	  	</a>
	  </div>
      
      
    <div class="am-header-right am-header-nav am-dropdown" data-am-dropdown>
			<a class="am-btn am-btn-primary am-dropdown-toggle" data-am-dropdown-toggle><i class="am-header-icon am-icon-bars"></i></a>			  
		  <ul class="am-dropdown-content">
		    <li><a href="kf-2.html"><span class="am-icon-bar-chart"></span> 开分</a></li>
		    <li class="am-divider"></li>
		    <li><a href="Setup.html"><span class="am-icon-bar-chart"></span> 我的</a></li>
		    <li class="am-divider"></li>
		    <li><a href="bxqjf.html"><span class="am-icon-bar-chart"></span> 排名</a></li>		    
		    <li class="am-divider"></li>
		    <li><a href="bmpm.html"><span class="am-icon-user-secret"></span> 部门</a></li>
		  </ul>
		</div> 
      
  </header>

	
		
	
		<div class="zlbj">
			<a href="">
				<img class="am-circle" src="images/PRG2_03.jpg" width="40" height="40" alt="骆文渊占领了你的背景" /> 
				<span class="am-badge am-badge-warning am-round">骆文渊占领了你的封面</span>
			</a>
			<a href=""><span class="am-badge am-badge-success am-round">我的封面</span></a>
		</div>
		<div class="am-box">
			<div class="user-wrapper">
				<div class="user">
		      <div class="am-g">
		        <div class="am-u-sm-3 am-list-thumb">
		          <a href="grjf.html" class="">
		            <img width="80" height="80" class="am-img-thumbnail am-round" src="http://img5.douban.com/lpic/o636459.jpg" alt="我很囧，你保重"/>
		          </a>
		        </div>
		
		        <div class=" am-u-sm-9 am-list-main">
		            <h3 class="am-list-item-hd">
		            	<a href="grjf.html" class="">晒晒旅行</a> 当日得分<span class="am-badge am-icon-plus am-badge-success am-round">200</span>		            	
		            </h3>
		
		            <div class="am-list-item-text">今天你已超越<span class="am-text-danger">80</span>％的小伙伴</div>
		
		        </div>
		      </div>
		      <div class="am-g">
		      	<div class="am-u-sm-12">		      		
		      		<div class="am-btn-group shortcut-navs2">
							  <a class="am-btn am-btn-default am-round am-btn-xs" href="#"><em class="am-text-xl">1000</em>总积分</a>
								<a class="am-btn am-btn-default am-round am-btn-xs" href="#"><em class="am-text-xl">0</em>季度排名</a>
								<a class="am-btn am-btn-default am-round am-btn-xs" href="#"><em class="am-text-xl">0</em>月度排名</a>
							</div>
		      	</div>		      	
		      </div>
					
				</div>		
							
			</div>	
					<div class="paihang">	
			<ul class="am-avg-sm-2">
				<li>
					<div data-am-widget="titlebar" class="am-titlebar am-titlebar-multi am-active" >
				    <h2 class="am-titlebar-title "><a href="">今日排名</a></h2>    
					</div>
				</li>
				<li>
					<div data-am-widget="titlebar" class="am-titlebar am-titlebar-multi" >
				    <h2 class="am-titlebar-title "><a href="bjpm.html">团队排名</a></h2>    
					</div>
				</li>
			</ul>	
			
		  <div data-am-widget="list_news" class="am-list-news am-list-news-default" >
		
			  <div class="am-list-news-bd">
				  <ul class="am-list">	    
			 	    
			 	    <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">	
					  	<div class="am-g">
							  <div class="am-u-sm-2 shuzi">1</div>
							  <div class="am-u-sm-10">			  	
							  	<a href="grjf.html"><img width="40" height="40" src="images/PRG2_03.jpg" class="am-img-thumbnail am-circle"/>
							  	<span class="am-badge am-badge-danger am-fr">1000</span>骆文渊
							  	<div class="am-progress am-progress-xs">
									    <div class="am-progress-bar am-progress-bar-danger" style="width: 100%"></div>
									</div></a>					
							  </div>
							</div>
					  </li>
					  
					  <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">	
					  	<div class="am-g">
							  <div class="am-u-sm-2 shuzi">2</div>
							  <div class="am-u-sm-10">			  	
							  	<a href="grjf.html"><img width="40" height="40" src="images/PRG2_03.jpg" class="am-img-thumbnail am-circle"/>
							  	<span class="am-badge am-badge-success am-fr">900</span>骆文渊
							  	<div class="am-progress am-progress-xs">
									    <div class="am-progress-bar am-progress-bar-success" style="width: 90%"></div>
									</div></a>					
							  </div>
							</div>
					  </li>
					  
					  <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">	
					  	<div class="am-g">
							  <div class="am-u-sm-2 shuzi">3</div>
							  <div class="am-u-sm-10">			  	
							  	<a href="grjf.html"><img width="40" height="40" src="images/PRG2_03.jpg" class="am-img-thumbnail am-circle"/>
							  	<span class="am-badge am-fr">800</span>骆文渊
							  	<div class="am-progress am-progress-xs">
									    <div class="am-progress-bar am-progress-bar-success" style="width: 80%"></div>
									</div></a>					
							  </div>
							</div>
					  </li>
					  
					  <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">	
					  	<div class="am-g">
							  <div class="am-u-sm-2 shuzi">4</div>
							  <div class="am-u-sm-10">			  	
							  	<a href="grjf.html"><img width="40" height="40" src="images/PRG2_03.jpg" class="am-img-thumbnail am-circle"/>
							  	<span class="am-badge am-fr">700</span>骆文渊
							  	<div class="am-progress am-progress-xs">
									    <div class="am-progress-bar am-progress-bar-success" style="width: 70%"></div>
									</div></a>					
							  </div>
							</div>
					  </li>
					  
					  <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">	
					  	<div class="am-g">
							  <div class="am-u-sm-2 shuzi">5</div>
							  <div class="am-u-sm-10">			  	
							  	<a href="grjf.html"><img width="40" height="40" src="images/PRG2_03.jpg" class="am-img-thumbnail am-circle"/>
							  	<span class="am-badge am-fr">600</span>骆文渊
							  	<div class="am-progress am-progress-xs">
									    <div class="am-progress-bar am-progress-bar-success" style="width: 60%"></div>
									</div></a>					
							  </div>
							</div>
					  </li>
					  
					  <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">	
					  	<div class="am-g">
							  <div class="am-u-sm-2 shuzi">6</div>
							  <div class="am-u-sm-10">			  	
							  	<a href="grjf.html"><img width="40" height="40" src="images/PRG2_03.jpg" class="am-img-thumbnail am-circle"/>
							  	<span class="am-badge am-fr">500</span>骆文渊
							  	<div class="am-progress am-progress-xs">
									    <div class="am-progress-bar am-progress-bar-success" style="width: 50%"></div>
									</div></a>					
							  </div>
							</div>
					  </li>
					  
					  <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">	
					  	<div class="am-g">
							  <div class="am-u-sm-2 shuzi">7</div>
							  <div class="am-u-sm-10">			  	
							  	<a href="grjf.html"><img width="40" height="40" src="images/PRG2_03.jpg" class="am-img-thumbnail am-circle"/>
							  	<span class="am-badge am-fr">400</span>骆文渊
							  	<div class="am-progress am-progress-xs">
									    <div class="am-progress-bar am-progress-bar-success" style="width:40%"></div>
									</div></a>					
							  </div>
							</div>
					  </li>
					  
					  <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">	
					  	<div class="am-g">
							  <div class="am-u-sm-2 shuzi">8</div>
							  <div class="am-u-sm-10">			  	
							  	<a href="grjf.html"><img width="40" height="40" src="images/PRG2_03.jpg" class="am-img-thumbnail am-circle"/>
							  	<span class="am-badge am-fr">300</span>骆文渊
							  	<div class="am-progress am-progress-xs">
									    <div class="am-progress-bar am-progress-bar-success" style="width: 30%"></div>
									</div></a>					
							  </div>
							</div>
					  </li>
					  
					  <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">	
					  	<div class="am-g">
							  <div class="am-u-sm-2 shuzi">9</div>
							  <div class="am-u-sm-10">			  	
							  	<a href="grjf.html"><img width="40" height="40" src="images/PRG2_03.jpg" class="am-img-thumbnail am-circle"/>
							  	<span class="am-badge am-fr">200</span>骆文渊
							  	<div class="am-progress am-progress-xs">
									    <div class="am-progress-bar am-progress-bar-success" style="width: 20%"></div>
									</div></a>					
							  </div>
							</div>
					  </li>
					  
					  <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">	
					  	<div class="am-g">
							  <div class="am-u-sm-2 shuzi">10</div>
							  <div class="am-u-sm-10">			  	
							  	<a href="grjf.html"><img width="40" height="40" src="images/PRG2_03.jpg" class="am-img-thumbnail am-circle"/>
							  	<span class="am-badge am-fr">100</span>骆文渊
							  	<div class="am-progress am-progress-xs">
									    <div class="am-progress-bar am-progress-bar-success" style="width: 10%"></div>
									</div></a>					
							  </div>
							</div>
					  </li>
					  
			 	    
			    </ul>
			  </div>
		
		  </div>
			
		
		</div>
		</div>
</div>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="assets/js/amazeui.min.js"></script>
</body>
</html>